<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
   <head>
      <meta charset="utf-8">
      <title>Camundanzia</title>
      <!-- Mobile Metas -->
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- Library CSS -->
      <link rel="stylesheet" href="../css/bootstrap/bootstrap.min.css">
      <link rel="stylesheet" href="../css/bootstrap/bootstrap.css">
      <link rel="stylesheet" href="../css/bootstrap/bootstrap-theme.css">
      <link rel="stylesheet" href="../css/fonts/font-awesome/css/font-awesome.css">
      <link rel="stylesheet" href="../css/stuff/animations.css" media="screen">
      <link rel="stylesheet" href="../css/stuff/superfish.css" media="screen">
      <link rel="stylesheet" href="../css/revolution-slider/css/settings.css" media="screen">
      <link rel="stylesheet" href="../css/stuff/prettyPhoto.css" media="screen">
      <link rel="stylesheet" href="../css/stuff/demo.css">


      <!-- Theme CSS -->
      <link rel="stylesheet" href="style.css">
      <link rel="stylesheet" href="../css/stuff/global.css">
      <!-- Skin -->
      <link rel="stylesheet" href="../css/colors/blue.css" class="colors">
      <!-- Responsive CSS -->
      <link rel="stylesheet" href="../css/stuff/theme-responsive.css">


    <script src="camunda-bpm-sdk.js" ></script>
   </head>
   <body  class="boxed home">
      <div class="page-mask">
            <div class="page-loader">

                <div class="spinner"></div>
                Loading...
            </div>

      </div>
      <div class="wrap">
        <!-- Header Start -->
        <header id="header">

            <!-- Header End -->
            <!-- Header Top Bar Start -->
            <div class="top-bar">
               <div class="slidedown collapse">
                  <div class="container">
                     <div class="phone-email pull-left">
                        <a><i class="fa fa-phone"></i>Hotline : <span data-i18n="topbar-phone">+49 30 664 04 09 00</span></a>
                        <a href="mailto:info@camunda.com"><i class="fa fa-envelope"></i>Email: <span data-i18n="topbar-contact"></span></a>
                     </div>
                     <div class="follow-us pull-right">
                        <ul class="social pull-left">
                           <li class="facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
                           <li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
                           <li class="dribbble"><a href="#"><i class="fa fa-dribbble"></i></a></li>
                           <li class="linkedin"><a href="#"><i class="fa fa-linkedin"></i></a></li>
                           <li class="rss"><a href="#"><i class="fa fa-rss"></i></a></li>
                        </ul>
                        <div id="search-form" class="pull-right">
                           <form action="#" method="get">
                              <input id="search" type="text" class="search-text-box" placeholder="">
                           </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Header Top Bar End -->
            <!-- Main Header Start -->
            <div class="main-header">
               <div class="container">
                  <!-- TopNav Start -->
                  <div class="topnav navbar-header">
                     <a class="navbar-toggle down-button" data-toggle="collapse" data-target=".slidedown">
                     <i class="fa fa-angle-down icon-current"></i>
                     </a>
                  </div>
                  <!-- TopNav End -->
                  <!-- Logo Start -->
                  <div class="logo pull-left">
                     <h1>
                        <a class="langlink" href="index.html">
                        <img src="img/Camundanzia_Logo_Web_w.svg" alt="pixma" height="60">
                        </a>
                     </h1>
                  </div>
                  <!-- Logo End -->
                  <!-- Mobile Menu Start -->
                  <div class="mobile navbar-header">
                     <a class="navbar-toggle" data-toggle="collapse" href=".navbar-collapse">
                     <i class="fa fa-bars fa-2x"></i>
                     </a>
                  </div>
                  <!-- Mobile Menu End -->
                  <!-- Menu Start -->
                  <nav class="collapse navbar-collapse menu">
                     <ul class="nav navbar-nav sf-menu" style="flex-direction: row;">
                        <li>
                           <a class="langlink" href="index.html">
                           Home
                           </a>
                        </li>
                        <li>
                           <a class="langlink" href="application.html" data-i18n="topbar-apply">
                           </a>
                        </li>
                        <li>
                           <a href="#" data-i18n="topbar-claim">
                           </a>
                        </li>
                       <li>
                           <a class="langlink" href="documents.html" data-i18n="topbar-document">
                           </a>
                        </li>
                        <li>
                           <a href="#" data-i18n="topbar-about">
                           </a>
                        </li>

                     </ul>
                  </nav>
                  <!-- Menu End -->
               </div>
            </div>
            <!-- Main Header End -->

         <!-- Header End -->
         </header>
         <!-- Content Start -->
         <div id="main">
            <!-- Title, Breadcrumb Start-->
            <div class="breadcrumb-wrapper">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
                        <h2 class="title" data-i18n="topbar-apply" ></h2>
                     </div>
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
                        <div class="breadcrumbs pull-right">
                           <ul>
				                      <li data-i18n="location-inform"></li>
                              <li><a class="langlink" href="index.html">Home</a></li>
                              <li data-i18n="topbar-apply"></li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>

            <!-- Title, Breadcrumb End-->
            <!-- Main Content start-->
            <div id="serviceArea" class="content">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-8 col-md-8 col-sm-6 col-xs-12" id="contact-form">
			                  <h3 class="title" data-i18n="form-title"></h3>
                        <div class="divider"></div>
                        <div id="fieldsetForm">
                           <form method="post" class="reply" id="contact">
                              <fieldset>
                                 <div class="row">

                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                       <label>Name: <span>*</span></label>
                                       <input class="form-control" id="applicant" name="name" type="text" value="" required>
                                    </div>

                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                      <label data-i18n="form-employment"></label><span>: *</span>
                                      <select class="form-control" id="employment">
                                         <option selected data-i18n="form-employment-salaried"></option>
                                         <option data-i18n="form-employment-self"></option>
                                         <option data-i18n="form-employment-part"></option>
                                         <option value="Freelancer" >Freelancer</option>
                                         <option data-i18n="form-employment-unemployed"></option>
                                      </select>
                                    </div>
                                 </div>

                                 <div class="row" style="margin-top:2em;">

                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                      <label data-i18n="form-birthday"></label><span>: *</span>
                                      <input class="form-control" type="date" id="birthdate" name="birthdate" value="1990-01-01" required>
                                    </div>
                                 </div>

                                 <div class="row" style="margin-top:2em;">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                       <label>Email: <span>*</span></label>
                                       <input class="form-control" type="email" id="email" name="email" value="" required>
                                    </div>

                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                      <label data-i18n="form-category"></label><span>: *</span>
                                      <select class="form-control" id="category">
                                         <option id="basic" data-i18n="category-basic"></option>
                                         <option id="standard" selected data-i18n="category-standard"></option>
                                         <option id="premium" data-i18n="category-premium"></option>
                                      </select>
                                    </div>
                                 </div>

                                 <div class="row" style="margin-top:2em;">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                       <label data-i18n="form-gender"></label><span>: *</span>
                                       <select class="form-control" id="selectSex" name="selectSex">
                                         <option data-i18n="form-gender-female"></option>
                           					     <option data-i18n="form-gender-male"></option>
                                       </select>
                                    </div>

                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                      <label data-i18n="form-price"></label>:
                                       <input class="form-control" type="text" id="priceIndicationInCent" name="preisindikation" value="200,00 EUR" readonly>
                                    </div>
                                 </div>

                              </fieldset>
                              <button id="triggerStartApplication" class="btn btn-normal btn-color submit" style="background-color:#003679;color:white;margin-top:1.5em;" type="button" data-i18n="form-send"></button>
                           </form>
                              </div>

                              <div id="applicationReceived" class="success alert-success alert" style="display:none">
                                <div><span data-i18n="form-sent"></span>!</div>
                                <div><span data-i18n="form-sent-id"></span>: <span id="applicationId"></span></div>
                               </div>
                              <div class="clearfix">
                              </div>
                        </div>
                     <div class="col-lg-4 col-md-4 col-xs-12 col-sm-6">
                         <img src="img/ins_application_entry_pexels.jpg">
                     </div>
                  </div>
                  <div class="divider"></div>
               </div>
            </div>
            <!-- Main Content end-->
         </div>
         <!-- Content End -->
         <!-- Footer Start -->
          <footer>
            <!-- Footer Top End -->
            <!-- Footer Bottom Start -->
            <div class="footer-bottom">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 "> &copy; Copyright <script>document.write(new Date().getFullYear());</script> by <a href="#">Camunda</a>. All Rights Reserved. </div>
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 ">
                        <ul class="social social-icons-footer-bottom">
                           <li class="facebook"><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                           <li class="twitter"><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                           <li class="dribbble"><a href="#" data-toggle="tooltip" title="Dribble"><i class="fa fa-dribbble"></i></a></li>
                           <li class="linkedin"><a href="#" data-toggle="tooltip" title="LinkedIn"><i class="fa fa-linkedin"></i></a></li>
                           <li class="rss"><a href="#" data-toggle="tooltip" title="Rss"><i class="fa fa-rss"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Footer Bottom End -->
         </footer>
         <!-- Scroll To Top -->
         <a href="#" class="scrollup"><i class="fa fa-angle-up"></i></a>
         </div>
         <!-- Wrap End -->
         <script src="../js/jquery/jquery-2.2.4.min.js"></script>
         <!-- il18n -->
       	<script src="../js/jquery/jquery.i18n.js"></script>
       	<script src="../js/jquery/jquery.i18n.messagestore.js"></script>
       	<script src="../js/jquery/jquery.i18n.fallbacks.js"></script>
       	<script src="../js/jquery/jquery.i18n.parser.js"></script>
       	<script src="../js/jquery/jquery.i18n.emitter.js"></script>
       	<script src="../js/jquery/jquery.i18n.language.js"></script>
         <script src="../js/jquery/jquery-migrate-1.2.1.min.js"></script>
         <script src="../js/jquery/jquery.parallax.js"></script>
         <script src="../js/jquery/jquery.wait.js"></script>
         <script src="../js/jquery/jquery-ui.js"></script>
         <script src="../js/jquery/jquery.nivo.slider.pack.js"></script>
         <script src="../js/jquery/jquery.prettyPhoto.js"></script>
         <script src="../js/jquery/jquery.gmap.min.js"></script>
         <script src="../js/jquery/jquery.sticky.js"></script>


         <script src="../js/bootstrap/bootstrap.js"></script>
         <script src="../js/modernizr-2.6.2.min.js"></script>
         <script src="../js/modernizr.custom.js"></script>
         <script src="../js/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
         <script src="../js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
         <script src="../js/superfish.js"></script>
         <script src="../js/tweetMachine.js"></script>
         <script src="../js/tytabs.js"></script>
         <script src="../js/circularnav.js"></script>
         <script src="../js/jflickrfeed.js"></script>
         <script src="../js/imagesloaded.pkgd.min.js"></script>
         <script src="../js/waypoints.min.js"></script>
         <script src="../js/custom.js"></script>
         <script src="lang/de.js"></script>
         <script src="lang/en.js"></script>
         <script src="app.js" ></script>
         <script src="../js/demo/demo.js"></script>
         <script src="main.js"></script>
   </body>
</html>
